@charset "utf-8";
/* CSS Document */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*video::-webkit-media-controls-enclosure{*/
	/*!*禁用播放器控制栏的样式*!*/
	/*display: none !important;*/
/*}*/
video,.bb,.videoImg{
	width: 100%;
	max-height: 250px;
	display: inline-block;
	position: relative;
}
.body{
  height: 100%;
}
.bb .videoPlayImg{
	position: absolute;
	z-index: 99;
    width: 70px;
    height: 70px;
	top:50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	background-size: 100% 100%;
}
.bb .videoPlayImg.androidPlay{
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
}
video.video_android{
	width: 1px;
	max-height: 1px;
	display: inline-block;
}
html{font-size:14px;}
body {margin: 0px; padding: 0px; font-size:14px; font-family: '微软雅黑'; min-width: 320px;-webkit-tap-highlight-color:rgba(255,0,0,0); color:#333;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none; -moz-touch-callout:none; -o-touch-callout:none;touch-callout:none;/*系统默认菜单被禁用*/;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,i,b,label{margin: 0; padding: 0;}
a {color:#333; text-decoration: none; -webkit-tap-highlight-color: transparent; }
ol, ul, li { list-style: none; padding: 0; margin: 0; }
img{ border:none; width:100%;}
img{ vertical-align:middle;}
table{border-collapse:collapse;empty-cells:show;}
table td { border-collapse: collapse;}
b{font-weight:normal;}
button {background:none;border:none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input, textarea { outline: 0; resize: none; border: none; _border: 0; margin: 0; padding: 0; font:inherit;}
input { margin: 0; padding: 0;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input[type=text]{padding:0 5px;}
.clear { clear: both; }
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{ float:left;_dispaly:inline}
.fr{ float:right;_dispaly:inline}
.wraper{max-width:100%; margin:0 auto; min-width:320px; overflow:hidden;}
.redColor{color:#ea5858;}
.cfff{color:#fff;}
.bgWhite{background:#fff;}
.fontW{font-weight:bold;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}

.padding15{padding:15px;}
/*头部样式*/
#top{width:100%;height:44px; background:#824094;z-index:20;top:0; box-sizing:inherit;-moz-box-sizing:inherit; -webkit-box-sizing: inherit;
 position: fixed;
left:0;
/*_margin-top: 15%;*/
_position: absolute;
_top:expression(eval(document.documentElement.scrollTop));
_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)- (parseInt(this.currentStyle.marginLeft, 10)||25)-(parseInt(this.currentStyle.marginRight, 10)||25));}

#top .topMid{position:absolute;width:100%;text-align:center; left:0; top:0; z-index:2; font-size:16px;color:#fff;line-height:44px;}
#top .return{position:absolute; z-index:3; left:5px; top:8px; width:40px; height:35px; margin:0 auto;}
#top  .returnCon{margin:10px auto 0;}
#top .topRight{position:absolute; right:15px; top:13px; font-size:14px; z-index:99; color:#fff;}
#top .topRight a{color:#fff;}

/*箭头*/
.top_arrow{display:block; width:13px; height:13px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg);}
.topArrow{display:block; width:13px; height:13px; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
.rightArrow:after{ content:"";display:block; width:11px; position:absolute; top:2px; right:15px; height:11px; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}
/*箭头向下*/
.bottom_arrow:after {
    content: "";
    display: block;
    width: 9px;
    position: absolute;
    height: 9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

/*箭头向上*/
.up_arrow:after {
    content: "";
    display: block;
    width: 9px;
    position: absolute;
    /*top: 2px;
    right: 15px;*/
    height: 9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
/*边框*/
.bBottom{border-bottom:1px solid #d7d7d7;}
.bTop{border-top:1px solid #d7d7d7;}
.border{border:1px solid #d7d7d7;}

/*超出一行显示省略号*/
.overLine{overflow : hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;/*最多显示1行*/-webkit-box-orient: vertical;}
/*超出2行显示省略号*/
.overtwoLine{overflow : hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*透明度*/
.opacity0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}
.opacity1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1; }

/*提示框*/
.dark,.dark2{  width:100%;height:100%; background:rgba(0,0,0,0.85); position:fixed; left:0; top:0; display:none;  z-index:105;}
.tip,.commissioner_tip{width:300px;height:auto; background:#fff; position:fixed; left:50%;top:25%; margin:0 0 0 -150px; display:none; z-index:999;}
.tip .tipTop,.commissioner_tip .tipTop{position:absolute; width: 60px;height: 60px;left: 50%;margin-left: -30px;top: -20px;}
.tip  .tipCon,.commissioner_tip .tipCon{margin:60px 3rem 2rem; text-align:center; font-size:16px;}
.tiipBtn{width:100%; margin-bottom:30px; text-align:center;}
.tiipBtn a{display:inline-block; width:38%; margin:0 2%; padding:8px 0; font-size:15px; color:#666; border:1px solid #999;}
.tiipBtn a.active{background:#fc6565; color:#fff;border:1px solid #fc6565;}

/*阴影*/
.b_shadow{
	box-shadow:0px 3px 10px rgba(51,51,51,0.3);
	-webkit-box-shadow:0px 3px 10px rgba(51,51,51,0.3);
	-moz-box-shadow:0px 3px 10px rgba(51,51,51,0.3);
}
/*橙色阴影*/
.b_shadow2{
	box-shadow:0px 3px 10px rgba(255,153,0,0.3);
	-webkit-box-shadow:0px 3px 10px rgba(255,153,0,0.3);
	-moz-box-shadow:0px 3px 10px rgba(255,153,0,0.3);
}
.b_radius{
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.b_radius15{
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
.b_radius25{
	-moz-border-radius:25px;
	-khtml-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
.b_radius50{
	-moz-border-radius:50%;
	-khtml-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

/*表单样式*/
.freo_item li{border-bottom:1px solid #d7d7d7; padding:15px 0;}
.freoBtn{width:100%; text-align:center; }
.freoBtn input{background:#ea5858; width:100%; color:#fff; font-size:16px; font-weight:bold;height:40px; line-height:40px;-moz-border-radius:3px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.itemRight .errorMsg{color:#ea5858; font-size:12px;}
/*红色按钮样式*/
.foreRedBtn{width:100%; text-align:center; margin:4rem 0 2rem;}
.foreRedBtn a{display:inline-block; margin:0 2%; color:#666; border:1px solid #999; width:125px;font-size:2.7rem; padding:3% 0;}
.emptyBtn a.active{color:#fff; background:#fc6565; border:1px solid #fc6565;}

/*单选按钮样式*/
.radiobox {width:100%;position:relative; height:20px; line-height:20px; z-index:10;}
.radiobox input{position:relative;display:inline-block;width:20px;height:20px;-webkit-appearance:none; -ms-appearance:none; -moz-appearance:none;appearance:none; background:#fff; border:1px solid #26c269; -webkit-transition:50ms ease-in-out; -moz-transition:50ms ease-in-out; -o-transition:50ms ease-in-out; transition: 50ms ease-in-out; -webkit-box-shadow:0 0 0 0 #fff inset; -moz-box-shadow:0 0 0 0 #fff inset;box-shadow: 0 0 0 0 #fff inset;outline:0!important;float:left;}
.radiobox input:checked:before {content: "";font-family: Muiicons;font-size:18px;font-weight: 400;color: #fff;text-decoration: none;background:0 0;border-radius:0;opacity:1;border:2px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-font-smoothing: antialiased;left:3px;top:3px;position:absolute;width: 10px;height:6px;}
.radiobox input:checked{background:#26c269;border:1px solid #26c269; -webkit-box-shadow: 0 0 0 15px #26c269 inset; -moz-box-shadow: 0 0 0 15px #26c269 inset; box-shadow: 0 0 0 15px #26c269 inset; transition:50ms ease-in-out;}
.radiobox label {cursor:pointer;margin-left:30px; height:20px; line-height:20px;display:block;outline:none;}

/*tab切换样式*/
.tabs{width:100%; margin-bottom:4%;height:45px; text-align:center;background:#fff;}
.tabs a{color:#666; font-size:2.8rem;display:inline-block; height:45px; line-height:45px; margin:0 1%;}
.tabs a.active{border-bottom:2px solid #ea5858;color:#ea5858;}

/*无结果时的样式*/
.no_results{margin:28% auto 5%; text-align:center; display:none;}
.no_results p{font-size:15px; margin-top:15px;}
.no_results img{width:25%;}
/*加载结束后*/
#pullUpLabel,.pullUpLabel{width:100%;text-align:center; color:#999; padding:2% 0 3%;}

/*淡入淡隐显示框*/
#fadeInOut,#fadeInOut2{position:fixed; top:50%; width:84%; left:8%; text-align:center; color:#fff; font-size:13px; background:rgba(0,0,0,0.8); z-index:1020; padding:5px 10px; display:none;}
/*库存不足时*/
.saleOut{width:50%; position:absolute; top:30%; right:2%;z-index: 10;}
/*loading图*/
.videoLoading,.loading_gif{width:20%;display:block; position:fixed; left:50%; margin-left:-10%; top:47%; z-index:99}
.videoLoading{
	position: absolute;
	/*height:20%;*/
	margin-top:-10%;
}
.select_loading{width:17%;display:block; position:fixed; left:50%; margin-left:-10%; bottom:20%; z-index:99}
.loading_gif img,.select_loading img{width:100%;}
#loading_gif{width:19%;display:block; position:fixed; left:50%; margin-left:-10%; top:30%;z-index:99}
.hide{display:none;}
.show{display:block;}
/*仓库标识样式*/
.wareHouse{color:#824094; padding:1px 3px; border:1px solid #824094; font-size:12px;word-break:keep-all;white-space:nowrap;}
/*没有网络的样式*/
.noNetwork,.timeoutNetwork{text-align:center; /*margin:25% auto 0;*/ position:fixed; width:100%; left:0; top:0; height:100%; background:#fff; z-index:999;}
.noNetworkTop{width:100%;height:44px; background:#824094;}
.noNetwork img,.timeoutNetwork img{width:35%; margin:35% 0 4%;}
.noNetwork #newLoad,#timeoutLoad{background:none; border:1px solid #824094; color:#824094; padding:6px 5%; margin-top:10%;}
/*网络提醒*/
#localDataNoNetwork{position: fixed; width: 100%; top: 70px; left: 0; z-index: 999; background: rgba(0,0,0,0.8); color: #fff;
	padding:13px;}
#localDataNoNetwork img{display: inline-block; width: 30px; margin-left: 10px;}
.good .pic .wareHousePost{
	position: absolute;
	width: 30%;
	right: 5%;
	bottom: 5%;
	z-index: 9;
}
/*赠品标识样式*/
.icon_donation{color:#fff; font-size:12px; padding:1px 3px 0; display:inline-block; background:#ea5858;}
.icon_donation_two{background:#f6c44b;padding:2px 4px 1px;color:#fff;font-size:12px;}
/*预售标识*/
.icon_presell{color:#824094; font-size:12px; padding:1px 3px 0; display:inline-block;}
.presell_time{color:#824094; font-size:11px; margin-top:3px;}
video{
	vertical-align: middle;
}
